<!--++++++PageHeader Start++++++++-->
<section class="content-header">
	<h1>企业组织机构
		<small>
			<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></a>
			<ul class="dropdown-menu content-headerlist">
				<li><a href="">岗位管理</a></li>
				<li><a href="">岗位管理</a></li>
			</ul>	
		</small>
	</h1>
	<div class="btn-group">
		<button class="btn btn-xs  btn-link" (click)="FullScreeToggle()">
			<i  class="fa fa-expand"></i><span title="全屏">全屏</span>
		</button>
	</div>
    <div class="content-header-tipso success">请您勾选部门</div>
</section>
<!--++++++PageHeader End+++++++-->
<!--+++++++MainContent Start++++++-->
<section class="content">
	<div class="row">
		<div  class="col-md-5 " >
			<div class="box box-default">
				<div class="box-header with-border">
					<h3 class="box-title">组织机构
						<span class="suggest-message">
							<span class="suggest">组织机构帮助您快速去管理部门（如：增加、删除、拖动、移动等操作）</span>
						</span>
					</h3>
				</div>
				<div class="btn-menu">
					<button class="btn btn-link btn-xs" (click)="moveUpOrganization()"><i class="fa fa-arrow-up"></i>上移</button>
					<button class="btn btn-link btn-xs" (click)="moveDownOrganization()"><i class="fa fa-arrow-down"></i>下移</button>
					<button class="btn btn-link btn-xs"(click)="removeOrganization()"><i class="fa fa-trash-o"></i>删除</button>
					<button class="btn btn-link btn-xs" (click)="refreshOrganization()"><i class="fa fa-refresh"></i>刷新</button>
				</div>
				<div class="box-body">
					<ul class="ztree" id="organization-tree"></ul>
				</div>	
			</div>		
		</div>
		<div class="col-md-7">
			<div class="box box-default">
				<div class="box-header with-border">
					<h3 class="box-title ">组织信息
						<span class="suggest-message">
							<span class="suggest">组织信息可以帮助您快速去创建一个部门，更好地管理部门</span>
						</span>
					</h3>
				</div>
				<div class="btn-menu">
					<button class="btn btn-link btn-xs" (click)="addChildrenOrganization()"><i class="fa fa-plus"></i>增加子部门</button>
					<button class="btn btn-link btn-xs"><i class="fa fa-level-up"></i>上增部门</button>
					<button class="btn btn-link btn-xs"><i class="fa fa-level-down"></i>下增部门</button>
                    <button class="btn btn-link btn-xs" (click)="addParent()"><i class="fa fa-plus"></i>增加父部门</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-save"></i>更新部门</button>
				</div>
                <span class="suggest-top">基本属性是组织部门的最基本信息，方便联系各部门</span>
				<div class="box-body">
					<form action="" role="form">
						<div class="form-group-wrapper">
							<div class="box-header with-border">
								<h4 class="box-title">基本属性
									<span class="suggest-message suggest-special"></span>
								</h4>
							</div>		
							<div class="form-group">
								<h6>
									<span class="required-mark">*
										<span class="suggest suggest-bottom">这是必填属性</span>
									</span>部门名称
								</h6>
								<input type="text" id="OrganizationName" name="部门名称" class="form-control"    autofocus="autofocus">
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
							</div>
							<div class="form-group">
								<h6>部门编码</h6>
								<input type="text" name="部门编码" class="form-control" >
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
							</div>
							<div class="form-group">
								<h6>部门描述</h6>
								<textarea name="description"  class="form-control" rows="4"></textarea>
							</div>	
						</div>
						<div class="form-group-wrapper">
							<div class="box-header with-border">
								<h4 class="box-title">联系方式属性
									<span class="suggest-message ">
										<span class="suggest">联系方式属性可以帮助您快速取得各个部门的联系</span>
									</span>
								</h4>
							</div>		
							<div class="form-group">
								<h6>单位电话</h6>
								<input type="text" class="form-control" name="telephone" >
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
							</div>
							<div class="form-group">
								<h6>传真</h6>
								<input type="text" class="form-control" name="facsimile">
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
							</div>
							<div class="form-group address">
								<h6>办公地址</h6>
								<input type="text" name="address"  class="form-control" list="provice" id="address">
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
								<div class="provice-wrapper">
									<ul class="provice-content" id="provice">
										<li></li>
									</ul>
                                    <ul  id="cities"> </ul>
                                    <ul  id="county" ></ul>
								</div>
							</div>	
							<div class="form-group">
								<h6>邮政编码</h6>
								<input type="text" name="postcode"  class="form-control" >
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
							</div>
							<div class="form-group">
								<h6>门户网址</h6>
								<input type="text" name="Protal-site"  class="form-control" >
								<div class="tips">
									<i class="fa"></i>
									<div class="tips-content"></div>
								</div>
							</div>
						</div>
						<div class="from-group-wrapper">
							<div class="box-header with-border">
								<h4 class="box-title">扩展属性
									<span class="suggest-message">
										<span class="suggest">扩展属性是对于部门信息的补充和说明，是部门更加符合您的业务需求</span>
									</span>
								</h4>
							</div>
							<div class="form-group">
								<h6>暂无扩展属性&nbsp;<a href="">添加扩展属性</a></h6>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
<!--+++++++MainContent End++++++++++-->
